<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#div001 {
				border: 10px solid #FF0000;
				border-radius: 15%;
				position: fixed;
				top: 200px;
				width: 600px;
				height: 400px;
				left: 100px;
				z-index: 10;
				background-color: #00FFFF;
				box-shadow: 10px 10px 5px #888888;
			}
			
			#div002 {
				border: 10px solid #FF0000;
				border-radius: 15%;
				position: fixed;
				top: 170px;
				width: 600px;
				height: 400px;
				left: 450px;
				z-index: 20;
				background-color: #1B6D85;
				box-shadow: 10px 10px 5px #888888;
			}
			
			#div003 {
				border: 10px solid #FF0000;
				border-radius: 15%;
				position: fixed;
				top: 200px;
				width: 600px;
				height: 400px;
				left: 800px;
				z-index: 10;
				background-color: #B2DBA1;
				box-shadow: 10px 10px 5px #888888;
			}
		</style>
	</head>

	<body>
		<div id="div001"></div>
		<div id="div002"></div>
		<div id="div003"></div>
	</body>

</html>
<script>
	var div001 = document.getElementById("div001");
	var div002 = document.getElementById("div002");
	var div003 = document.getElementById("div003");

	onload=function (){
		div003.style.zIndex="40";
	}







//	jQuery(document).ready(function() {
//		alert(typeof jQuery('#div002').css('z-index'));
//	});1
</script>